<template>
    <div>
        <van-tabbar v-model="active" active-color="orangered">
            <van-tabbar-item v-for="(item,index) in btnArr" :key="index" :icon="item.icon" :to="item.to">{{item.name}}</van-tabbar-item>        
        </van-tabbar>
    </div>
</template>

<script>
export default {
    data(){
        return {
            active:0,
            btnArr:[
                {
                    icon:'wap-home',
                    name:'首页',
                    to:'/index/home'
                },
                {
                    icon:'hot',
                    name:'爆爆团',
                    to:'/index/tuan'
                },
                {
                    icon:'todo-list',
                    name:'订单',
                    to:'/index/order'
                },
                {
                    icon:'manager',
                    name:'我的',
                    to:'/index/mine'
                }
            ]
        }
    }
}
</script>

<style>

</style>